@import '..\\..\\assets\\styles\\style';

.container {
  width: 100vw;
  height: 100vh;
  position: relative;

  .login-body {
    background: linear-gradient(360deg, $color-f 0%, rgba(26, 205, 74, 0.07) 100%);
    position: absolute;
    width: 100%;
    height: 570rpx;

    .title {
      display: flex;
      align-items: center;
      padding-left: 40rpx;
      font-size: 32rpx;
      color: $color-3d;
    }

    .img {
      position: absolute;
      right: 0;
      top: 170rpx;
      height: 380rpx;
      width: 326rpx;
    }
  }

  .login-main {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
    @include flex-center-center;

    .login-con {
      padding: 0 40rpx;

      .main-con {
        padding-left: 58rpx;

        .hello {
          font-size: 40rpx;
          color: $color-3d;
          font-weight: 400;
        }

        .name {
          padding-top: 34rpx;
          font-size: 48rpx;
          font-weight: 700;
        }
      }

      .agreement {
        display: flex;
        margin: 254rpx 0 20rpx;

        .text-con {
          color: $color-greenText;
          font-size: 24rpx;
          line-height: 48rpx;
          display: flex;

          .desc {
            color: $color-subText;
          }
        }
      }

      .btn-text {
        display: flex;
        align-items: center;

        .text {
          margin-left: 8rpx;
        }
      }
    }
  }

  .company {
    position: absolute;
    bottom: 76rpx;
    width: 100%;
    display: flex;
    justify-content: center;

    .name {
      font-size: 20rpx;
      line-height: 20rpx;
      margin-left: 10rpx;
      color: $color-subText;
    }
  }

  .pop-container {
    position: relative;

    .tip-content {
      height: 680rpx;
      font-size: 28rpx;
      color: $color-mainText;
      line-height: 40rpx;
      overflow: auto;
      padding: 0 24rpx 60rpx 24rpx;
    }

    .pop-foot {
      position: absolute;
      bottom: 0;
      width: 100%;
      padding: 80rpx 0 0;
      @include flex-center-center;
      background: linear-gradient(transparent 0%, $color-f 70%)
    }
  }
}